import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';

class HomePage extends Component {
    render() {
        return (
            <div className="yo-flex" style='background:url("./img/home.jpg");'>
                <Header title="手机网易网" left={false}/>
                <Scroller extraClass="flex">
                    <div className="m-content">
                        <Touchable touchClass="m-content-active" onTap={() => {
                            yoHistory.push('/list');
                        }} >
                            <div className="c-content" >
                                <p className="title">纵世界风云，观天下大事</p>
                                <p className="notice">九旬老太为何裸死街头？ 数百头母驴为何半夜惨叫？ 小卖部安全套为何屡遭黑手？ 女生宿舍内裤为何频频失窃？ 连环强 J母猪案，究竟是何人所为？ 老尼姑的门夜夜被敲，究竟是人是鬼？ 数百只小母狗意外身亡的背后又隐藏着什么？ 这一切的背后， 是人性的扭曲还是道德的沦丧？ 是性的爆发还是饥渴的无奈？ 敬请关注今晚8点CCTV12法制频道年度巨献《楼主的不归之路》 让我们跟随着镜头走进楼主的内心世界…</p>
                            </div>
                        </Touchable>
                    </div>
                </Scroller>
            </div>
        )
    }
}

export default HomePage;
